<template>
  <n-config-provider :theme="darkTheme" :theme-overrides="themeOverrides">
    <n-message-provider>
      <!-- 路由渲染出口 -->
      <router-view />
    </n-message-provider>
  </n-config-provider>
</template>

<script lang="ts" setup>
import { darkTheme } from 'naive-ui'
import type { GlobalThemeOverrides } from 'naive-ui'

const themeOverrides: GlobalThemeOverrides = {
  // 公共样式配置
  common: {
    primaryColor: '#FF0000'
  },

  // 按钮的样式配置
  Button: {
    textColor: 'yellow'
  },

  // 下拉选择器的样式配置
  Select: {
    peers: {
      InternalSelection: {
        textColor: '#FF0000'
      }
    }
  }
  // ...
}
</script>
